<template>
  <a-tag v-if="targetTypeDetail" :color="targetTypeDetail.color">
    {{ targetTypeDetail.text }}
  </a-tag>
  <span v-else>--</span>
</template>
<script lang="ts" setup>
import { computed } from "vue";
const props = defineProps<{
  typeDetail?: { color: string; text: string };
  defaultTypeDetail?: { color: string; text: string };
}>();
const targetTypeDetail = computed(() => {
  return props.typeDetail || props.defaultTypeDetail;
});
</script>
